.Container {
	position:relative;
	width:100%;
	overflow:hidden;
	min-width:320px;
}
.FormInner {
	padding:0 12px;
}
.Container form {
	width:100%;
}
.Container form input[type="text"] {
	width:96%;
	/*border-color:#9b9b9b;
	padding-left:20px;*/
	border: 1px solid #9b9b9b;
	background-color:#fff8e2;
	padding:0 2%;
	color: #424242;
	
}
.Container form span.Description {
	font-size:0.86em;
	display:block;
	text-align:center;
	color:#424242;
	padding: 7px 0;
}
.Container form input[type="text"]#txtSearchKeyword {
	height: 38px;
	background-size:100% 38px;
	background:url(../images/text-bg.gif) no-repeat;
	font-size:20px;
	
}
.Container form span.SelectTb {
	background: url(../images/ctr-bg-left.jpg) no-repeat;
	border: 0 solid #9B9B9B;
    color: #424242;
    cursor: pointer;
    display: block;
    font-size: 20px;
    height: 41px;
    padding-left: 1%;
    width: 99%;
	
}
#txbCharcNameValue {
	background: url(../images/ctr-bg-mid.jpg) repeat-x;
	display: block;
    height: 32px;
    padding-top: 9px;
	
}
#txbCharcNameRight {
	background: url(../images/ctr-bg-right.jpg) no-repeat;
	display: block;
    height: 41px;
    left: 100%;
    margin-left: -33px;
    position: relative;
    top: -41px;
    width: 34px;
}
.Container form input[type="submit"].search {
	background: url(../images/btnsearch.gif) no-repeat;
	border: 0 solid #000000;
    cursor: pointer;
    float: left;
    height: 38px;
    left: 100%;
    margin-left: -37px;
    position: relative;
    top: -38px;
    width: 38px;
}
.ResultSite {
	margin-top:15px;
}
ul.CusstomeSelect {
	width:100%;
	border:1px solid #9b9b9b;
}
	ul.CusstomeSelect li {
		overflow:hidden;
	}
		ul.CusstomeSelect li span {
			font-size:20px;
			color:#4e2c00;
			background-color:#fff8e2;
			display:block;
			padding:10px 0;
			text-align:center;
			overflow: hidden;
			border-bottom:1px solid #ddd7cf;
			cursor:pointer;
		}
		ul.CusstomeSelect li span:hover {
			background-color:#eae4d1;
		}
		ul.CusstomeSelect li ul.ListCharc {
			width:100%;
		}
			ul.CusstomeSelect li ul.ListCharc li {
				border-bottom:0px solid #ddd7cf;
			}
				ul.CusstomeSelect li ul.ListCharc li  span {
					font-size:18px;
					color:#424242;
					background-color:#ffffff;
					display:block;
					padding:10px 0;
					text-align:center;
				}

.CharcImg {
	float:left;
	margin-right:6px;
}
.CharcImg img {
	border:1px solid #4e2c00;
	height:48px;
	widows:48px;
}
.ResultSite ul {
	
}
.ResultSite ul li {
	border-bottom:1px solid #ddd7cf;
	overflow:hidden;
	padding:10px 0;
}
.CharcInfo {
	float:left;
}
.btnShare,
.btnShare:hover {
	float:right;
	position:relative;
	margin-top: 18px;
	font-weight:bold;
	text-decoration:none;
	cursor:pointer;
	font-size:0.9em;
	background-color:#ffce38;
	padding:0.45em 0.85em;
	text-decoration:none;
	cursor:pointer;
	color:#424242;
	text-align:center;
}
.lblTitle.CharcName {
	font-weight:bold;
	font-size:1.5em;
	color:#764300;
	display:block;
	padding:0px;
}
.CharcRate {
	display:block;
	width: 7.28em;
	height:18px;
	background:url(../images/emptyRate.png) repeat-x;
}
.fillRate {
	display:block;
	height:18px;
	background:url(../images/fillRate.png) repeat-x;
}
.ctr-btn {
	background:url(../images/btn-cus-sel.gif) no-repeat;
	display: inline-block;
    height: 27px;
    left: 100%;
    margin-left: -70px;
    position: relative;
    top: -61px;
    width: 44px;
}
.InfoSite {
	overflow: hidden;
	color:#424242;
	font-size:32px;
	font-weight:normal;
	border-bottom:2px solid #9c9c9c;
}
.InfoSite .Avatar {
	float:left;
	margin-right:25px;
	border:2px solid #9c9c9c;
	display:block;
}
.InfoSite .lblTitle.UserName {
	font-weight:bold;
	font-size:24px;
	color:#764300;
	display:block;
}
.InfoSite .RightInfo {
	float:left;
}
.InfoSite .lblTitle {
	display:block;
	margin-bottom:19px;
	
}
.InfoSite .lblText {
}
.TabSite {
	width:100%;
}
	.TabSite ul#tabUserInfoList {
		width:100%;
	}
		.TabSite ul#tabUserInfoList li {
			display:inline-block;
			float:left;
			width:33.33333%;
			text-align:center;
			
		}	
			.TabSite ul#tabUserInfoList li.Active a {
				background-color:#fff;
				border:1px solid #fff;
				border-color: #fff #fff #fff #9f9f9f;
			}
			.TabSite ul#tabUserInfoList li a {
				padding:14px 0px;
				width:100%;
				height:100%;
				display:block;
				border:1px solid #9f9f9f;
				color:#424242;
				font-weight:bold;
				font-size:33.33px;
				background-color:#f0f0f0;
				text-decoration:none;
				cursor:pointer;
			}
.TabContentSite {
	clear:both;
}
.TabContentSite .TabContent {
	width:100%;
}
	.TabContentSite .TabContent .GroupListTitle {
		text-align:center;
		color:#424242;
		font-size:33.33px;
		font-weight:normal;
		border-bottom:1px solid #ddd7cf;
		padding: 39px 0px;
	}
	.TabContentSite .TabContent ul.GroupList {
		
	}
		.TabContentSite .TabContent ul.GroupList li {
			color:#424242;
			font-size:33.33px;
			font-style:normal;
			padding: 39px 40px;
			border-bottom:1px solid #ddd7cf;
		}
			.TabContentSite .TabContent ul.GroupList li .lblTitle {
				
			}
			.TabContentSite .TabContent ul.GroupList li .lblText {
				
			}
			.TabContentSite .TabContent ul.GroupList li .btnShare {
				float:right;
				position:relative;
				margin-top:-10px;
				font-weight:bold;
				text-decoration:none;
				cursor:pointer;
				font-size:30px;
				background-color:#ffce38;
				padding:11px 33px;
			}
.GamePlayList {
	padding:0 18px;
	max-width: 258px;
}
.GamePlayList li {
	list-style:none inside none;
	float:left;
}
.GamePlayList li a {
	
}
.GamePlayList li a img {
	
}
.GroupInfo {
	clear:both;
	overflow:hidden;
	padding-bottom:10px;
	padding-left:12px;
	padding-right:12px;
}
.CharcRightInfo {
	float:left;
}
img.CharcImg {
	float:left;
	width:98px;
	height:98px;
	border:2px solid #9f9f9f
}
.CharcRateInfo {
	
}
.lblTitle {
	font-weight:bold;
	font-size:1.9em;
	color:#764300;
	display:block;
	padding:10px 0;
}
.CharcName {
	font-weight:bold;
	font-size:1.9em;
	color:#764300;
	display:block;
	margin-bottom:10px;
}
.PrivateName {
	font-size:1.8em;
	color:#424242;
	display:block;
	margin-bottom:10px;
}
.CharcLove {
	display:block;
	width: 7.28em;
	height:16px;
	margin-top:10px;
	background: url(../images/emptylove.png) repeat-x;
}
.LikeNumber {
	display:block;
	font-size:1.4em;
	color:#424242;
	font-style:italic;
}
.fillLove {
	display:block;
	height:16px;
	background: url(../images/filllove.png) repeat-x;
}
#btnRate {
	
}
#btnShare {
	margin-right:12px;	
}
.FloatLeft {
	float:left !important;
}
.SkillImg {
	float:left;	
	height:50px;
	width:50px;
}
.SkillInfo {
	float:left;
	margin-left:5px;
}
.SkillName {
	display:block;
	font-size:1.7em;
	padding-bottom:0.2em;
	color:#424242;
}
.SkillDescription {
	font-size:1.6em;
	font-size:1.6em;
	padding:5px 0px;
	color:#000;
}
.SkillGuild {

}
.SkillGuild li {
	margin-bottom:10px;
	overflow: hidden;
}
.SkillGuild li .RankLevel{

}
.SkillGuild li .SkillList{
	
}
.SkillGuild li .SkillList li{
	float:left;
	margin-right:8px;
}
.SkillGuild li .SkillList li img{
	border:1px solid #424242;
	padding:1px;
	background-color:#9b9b9b;
	width:45px;
	height:45px;
}
.ItemList {

}
.ItemList li {
	float:left;
	margin-right:15px;
}
.ItemList li img {
	border:1px solid #424242;
	padding:1px;
	background-color:#9b9b9b;
	width:50px;
	height:50px;
}
.RankLevel {
	font-size:1.6em;
	color:#424242;
	display:block;
}
.Blank {
	background-color:#000;
	position:fixed;
	width:100%;
	height:100%;
	left:0;
	top:0;
	display:none;
}
.PopupRate {
	position:fixed;
	width:98%;
	left:50%;
	margin-left:-49%;
	top:100px;
	background-color:#fff;
	display:none;
	overflow:hidden;
	padding-bottom:30px;
}
.PopupRate .PopupTitle {
	display:block;
	font-size:1.8em;
	color:#424242;
	font-weight:bold;
	text-align:center;
	padding:10px 0;
}
.rateSite {
	display:block;
	width:210px;
	margin:0 auto;
	position:relative;
	height:31px;
	margin-bottom:30px;
	margin-top:10px;
	background: url(../images/b-emptylove.png) repeat-x;
}
.fillRateSite {
	display:block;
	max-width:210px;
	position:absolute;
	height:31px;
	background: url(../images/b-filllove.png) repeat-x;
}
.CenterContent {
	text-align:center;
}
.CenterContent * {
	float:none !important;
}
.btnShare.FontThink {
	font-weight:normal;
}
.btnShare.Off {
	background-color:#9b9b9b;
}
.ShowMore {
	background: url(../images/showmore.gif) no-repeat right top;
	display: block;
    height: 15px;
    width: 100%;
}
.SkillList.Info {
	overflow:hidden;
}
.SkillList.Info > li {
    clear: both;
    display: block;
    margin-bottom: 10px;
    overflow: hidden;
}
#btnSaveRate {
	margin-right:20px;
}






